<!DOCTYPE html>
<html>
  <head>
    <title>Demo</title>
    <link rel="stylesheet" href="../index.css" />
    <link rel="stylesheet" href="../index-1.css" />
    <link rel="stylesheet" href="../index-2.css" />
    <style>
      html, body {
        height: 100%;
        margin: 0;
        background: none;
      }
      #components-layout-demo-fixed .logo {
  width: 120px;
  height: 31px;
  background: rgba(255,255,255,.2);
  margin: 16px 24px 16px 0;
  float: left;
}
    </style>
    <script>
      // sync parent style generated by style-loader into iframe
      if (parent.location.port) {
        [].forEach.call(parent.document.getElementsByTagName('head')[0].querySelectorAll('style'), function(node) {
          document.getElementsByTagName('head')[0].appendChild(node.cloneNode(true));
        });
      }
    </script>
  </head>
  <body>
    <div id="components-layout-demo-fixed"></div>
    <script>
      function require(module) {
        if (module === 'react-router') {
          return window.ReactRouter;
        }
        if (module === 'react-router-dom') {
          return window.ReactRouterDOM;
        }
        return window.parent[module];
      }
      var mountNode = document.getElementById('components-layout-demo-fixed');
      var React = require('react');
      var ReactDOM = require('react-dom');
    </script>
    
    <script>
      function bishengPluginReactPreviewer() {
  var React = require("react");

  var ReactDOM = require("react-dom");

  var _antd = require("antd");

  var Header = _antd.Layout.Header,
      Content = _antd.Layout.Content,
      Footer = _antd.Layout.Footer;
  return React.createElement(
    _antd.Layout,
    null,
    React.createElement(
      Header,
      {
        style: {
          position: 'fixed',
          zIndex: 1,
          width: '100%'
        }
      },
      React.createElement("div", {
        className: "logo"
      }),
      React.createElement(
        _antd.Menu,
        {
          theme: "dark",
          mode: "horizontal",
          defaultSelectedKeys: ['2'],
          style: {
            lineHeight: '64px'
          }
        },
        React.createElement(
          _antd.Menu.Item,
          {
            key: "1"
          },
          "nav 1"
        ),
        React.createElement(
          _antd.Menu.Item,
          {
            key: "2"
          },
          "nav 2"
        ),
        React.createElement(
          _antd.Menu.Item,
          {
            key: "3"
          },
          "nav 3"
        )
      )
    ),
    React.createElement(
      Content,
      {
        style: {
          padding: '0 50px',
          marginTop: 64
        }
      },
      React.createElement(
        _antd.Breadcrumb,
        {
          style: {
            margin: '16px 0'
          }
        },
        React.createElement(
          _antd.Breadcrumb.Item,
          null,
          "Home"
        ),
        React.createElement(
          _antd.Breadcrumb.Item,
          null,
          "List"
        ),
        React.createElement(
          _antd.Breadcrumb.Item,
          null,
          "App"
        )
      ),
      React.createElement(
        "div",
        {
          style: {
            background: '#fff',
            padding: 24,
            minHeight: 380
          }
        },
        "Content"
      )
    ),
    React.createElement(
      Footer,
      {
        style: {
          textAlign: 'center'
        }
      },
      "Ant Design ©2018 Created by Ant UED"
    )
  );
}
    </script>
    <script>
      var ReactDOM = require('react-dom');
      ReactDOM.render(bishengPluginReactPreviewer(), mountNode);
    </script>
  </body>
</html>
